*{
	
	margin: 0px;
	padding: 0px;
}
/*body{*/
	/*height: 100%;*/
/*}*/

#frm {
    width: 300px;
	margin: 100px auto;


}
#title {
	height: 30px;
	background-color: blue;
    border-top-left-radius: 5px;
	border-top-right-radius:5px;
	text-align: center;
	line-height:30px;
	color: azure;


}
#form {
	padding: 10px 0px;
	border: 1px solid gray;


}

#table {
	margin: 0px auto;

}
#table td{
	padding: 5px;

}

#main{
		height: 90%;
		width: 100%;
		background-color:skyblue;
		opacity:1;
		
		
	}
#top{
		height:10%;
        width:100%;
		text-align: center;
		background-color: gray;
		position: relative;
		
	}
#container{
		height: 1200px;
		width: 100%;
		border: 1px solid yellowgreen;
		margin: 0px auto;
			
	}
#left{
	height: 100%;
	width: 20%;
	float: left;
	background-color: blanchedalmond;
}
#ul2{
	list-style: none;
	margin-left: 20px;
	
}
#h3{
    position: absolute;
	right: 20px;
	top: 30%;
	
	
}
#right{
	height: 100%;
	width: 80%;
	float: right;
	background-color: white;
	
}
#iframe{
	display: block;
	border: none;
	width:100%;
	height:100%;
	
	
}
#table_list{
	width: 600px;
    border: 1px #adadad;
	border-collapse: collapse;
	margin: 30px auto;

}
#table_list th , #table_list td{
	border: 1px solid #adadad;
	padding: 5px;


}

#table_list tr.title{

	background-color: #337ab7;
}
       /* #div1{
      background-color:green;
      height:30%;
      width:100%;
    }
    #div2{
      background-color:silver;
      height:40%;
      width:20%;
      float:left;
    }
    #div3{
      background-color:gold;
      height:40%;
      width:50%;
      float:left;
    }
    #div4{
      background-color:lightblue;
     float:left;
      height:40%;
    }
    #div5{
      background-color:red;
      height:30%;
    
    }
    #div6{
      height:100%;
    }
*/
